.icd-container {
  .icd-layout {
    display: flex;
    gap: 20px;
    
    .category-panel {
      width: 280px;
      flex-shrink: 0;
      border: 1px solid #f0f0f0;
      border-radius: 4px;
      
      .panel-header {
        padding: 12px;
        border-bottom: 1px solid #f0f0f0;
        
        .search-box {
          width: 100%;
        }
      }
      
      .tree-container {
        padding: 12px;
        height: calc(100vh - 240px);
        overflow-y: auto;
      }
    }
    
    .code-panel {
      flex-grow: 1;
      
      .table-top {
        margin-bottom: 16px;
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
    }
  }

  background-color: #fff;
  padding: 16px;

  .search-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    flex-wrap: wrap;
  }

  .icd-table {
    .ant-table-thead > tr > th {
      background-color: #f5f7fa;
      color: #333;
      font-weight: 500;
    }

    .ant-table-tbody > tr > td {
      padding: 8px;
    }

    .even-row {
      background-color: #fff;
    }

    .odd-row {
      background-color: #f9f9f9;
    }

    .status-switch {
      &.ant-switch-checked {
        background-color: #52c41a;
      }
    }

    .action-links {
      .action-link {
        color: #1890ff;
        
        &.delete-link {
          color: #ff4d4f;
        }
        
        &:hover {
          opacity: 0.8;
        }
      }
    }
  }

  .ant-pagination {
    margin-top: 16px;
    text-align: right;
  }
} 
